// window.addEventListener('load',function(){
// 	//产品放大镜效果
// 	var show_img = document.querySelector('.show_img')
// 	var mask = document.querySelector('.mask')
// 	var big = document.querySelector('.big')
// 	var bigImg = document.querySelector('.bigImg')
	
// 	show_img.addEventListener('mouseover', function(){
// 		mask.style.display = 'block'
// 		big.style.display = 'block'
// 	})
// 	show_img.addEventListener('mouseout', function(){
// 		mask.style.display = 'none'
// 		big.style.display = 'none'
// 	})
	
// 	show_img.addEventListener('mousemove', function(e){
// 		var x = e.pageX - this.offsetLeft
// 		var y = e.pageY - this.offsetTop
		
// 		var maskX = x - mask.offsetWidth / 2
// 		var maskY = y - mask.offsetHeight / 2
		
// 		var maskMax = this.offsetWidth - mask.offsetWidth
		
// 		maskX = maskX < 0 ? 0 : maskX,
// 		maskX = maskX > maskMax? maskMax : maskX,
		
// 		maskY = maskY < 0? 0 : maskY,
// 		maskY = maskY > maskMax ? maskMax : maskY
		
// 		mask.style.left = maskX + 'px'
// 		mask.style.top = maskY + 'px'
		
// 		var hBei = bigImg.offsetHeight / show_img.offsetHeight
// 		var wBei = bigImg.offsetWidth /show_img.offsetWidth
		
// 		bigImg.style.left = -maskX * wBei +'px'
// 		bigImg.style.top = -maskY * hBei + 'px'
// 	})
	
	
// 	//产品导航切换栏
// 	var as = document.querySelectorAll('.details_list .list_fr .fr_title2 a')
// 	var content =document.querySelectorAll('.title2_content')
// 		for(i = 0; i < as.length; i++){
// 			as[i].setAttribute('index', i)
// 			as[i].onclick =  function(){				
// 			for(j = 0; j < as.length; j++){
// 				as[j].className = ''
// 				content[j].style.display = 'none'
// 			}
// 			this.className = 'first'
// 			var index = this.getAttribute('index')
// 			content[index].style.display = 'block'
// 	}
// 	}
	
// 	//计数器
// 	$(function(){
// 		$('.reckon ')
// 	})
// })
// 判断用户是否登录
function getCookie(key){
    var cookie = document.cookie;
    var arr = cookie.split('; ')
    for(var i=0;i<arr.length;i++){
        var brr = arr[i].split('=')
        if(brr[0] === key){
            return brr[1]
        }
    }
}
var username = getCookie('username')
if(username){
    $('.fl ul').html(`
        <li>欢迎<a href="userinfo.html" style="color:skyblue;font-size:16px;padding: 0 5px;" class="ma5">${username}</a>登录！</li>
        <li><a class="red" onclick="logout()" style="color: red;">退出登录</a></li>
    `)
}
// 先获取地址栏中的商品id
var reg = /id=([^&]+)/
var arr = location.search.match(reg)
var goodsId = ''
console.log(arr);
if(arr && arr[1]){
    // 获取到商品id
    goodsId = arr[1]
    // 发送商品详情的请求
    getData()
}else{
    layer.msg('非法访问！', {
        icon: 2,
        time: 2000
    }, function(){
        location.href = 'list.html'
    })
}

// 发送请求的函数
function getData(){
    $.get('http://localhost:8888/goods/item?id='+goodsId).then(res => {
        console.log(res);
        if(res.code === 1){
            // 动态渲染数据
            // 放大镜图片渲染
            $('.zoom .middle>img').attr('src', res.info.img_big_logo)
            $('.smallimg>img').attr('src', res.info.img_big_logo)
            var imgHTML = ''
            for(var i=0;i<$('.zoom .small img').length;i++){
                imgHTML += `
                    <li class="active"><img src="${res.info.img_big_logo}" alt=""></li>
                `
            }
            $('.zoom .small').html(imgHTML)
            $('.zoom .middle .big img').attr('src', res.info.img_big_logo)
            // ajax数据渲染完成以后再开启放大镜效果
            // var t = new Zoom()
            // t.move()

            // 渲染商品数据
            $('.goods_case_tit').text(res.info.title)
            $('.currentprice').text(res.info.current_price)
            $('.goods_extend_content').children().eq(0).html(res.info.goods_introduce)

            // 加入购物车
            addCart()
        }else{
            layer.msg('非法访问！', {
                icon: 2,
                time: 2000
            }, function(){
                location.href = 'list.html'
            })
        }
    })
}

// 加入购物车
(function addCart(){
    // 点击加入购物车按钮
    $('.addCart').click(function(){
        // 判断用户是否登录
        if(!username){
            layer.msg('请先登录！', {
                icon: 2,
                time: 2000
            }, function(){
                // 强制跳转到登录页面
                location.href = 'login.html?callback='+location.href
            })
        }else{
            // 已经登录了
            // 发送请求添加购物车
            $.ajax({
                url: 'http://localhost:8888/cart/add',
                method: 'post',
                data: {
                    goodsId,
                    id: getCookie('userId')
                },
                headers: {
                    'authorization': localStorage.getItem('token') || ''
                }
            }).then(res => {
                // console.log(res);
                if(res.code === 1){
                    layer.msg(res.message, {
                        icon: 1,
                        time: 2000
                    })
                }else{
                    console.log(22);
                    layer.msg('加入购物车失败，请刷新重试！', {
                        icon: 2,
                        time: 2000
                    })
                }
            })
        }
    })
    
}())